/**
 * 不受状态管控的组件，可以基于ref获取dom元素进行操作
 *  ref="xxx" 不推荐使用
 *  ref={x=>this.xxx=x}   // ref={函数}在视图渲染的时候会把这个函数执行，传递进来的实参就是当前标签的dom对象，我们把其赋值给实例的一个私有属性即可
 *  React.createRef
 */
class Demo extends React.Component {
    box = createRef();
    render() {
        return (
            <div ref={this.box}></div>
        )
    }
}